/**
 * Created by asus on 2016/11/23.
 */
import React, { Component} from 'react';
import Split from '../CommonComponent/Split'
import OrderUnit from '../CommonComponent/OrderUnit'
import Top from '../CommonComponent/Top'

export default class MyOrderDetails extends Component {

    render(){
        return(
            <div className="containerNav">
                <Top
                    title ={'出货列表'}
                />
                <Split />

                <div className="paddinglr  border_bottom">
                    <div className="border_bottom f14 padd8">
                        <p className="flex flex-pack-justify">
                            <span className="posr">
                                吴海黎
                            </span>
                            <span className='colorlv'>已发货</span>
                        </p>
                        <p className="flex flex-pack-justify">
                            <span>操作时间</span>
                            <span>2017-01-13 11:48:19</span>
                        </p>
                        <p className="flex flex-pack-justify" style={{margin:0}}>
                            <span>订单编号</span>
                            <span>LB546466556</span>
                        </p>
                    </div>
                    <OrderUnit
                        imgPath = {require('../../Images/headerImg.jpg')}
                        orderName = {'[净博士微商]浓缩洗衣片'}
                        details = {'72盒/箱 12盒'}
                    />
                    <OrderUnit
                        imgPath = {require('../../Images/headerImg.jpg')}
                        orderName = {'[净博士微商]浓缩洗衣片'}
                        details = {'72盒/箱 12盒'}
                    />
                    <div className="flex flex-pack-justify flex-align-center f14" style={{height:50}}>
                        <span>共<i style={{fontStyle:'normal'}}>2</i>件商品</span>
                        <div><span>操作金额:</span><span className="di colorlv ml1 colorlv">￥1896</span></div>
                    </div>
                </div>
                <div className="paddingTb tc f16">
                    已加载完成
                </div>

            </div>
        )
    }

}
